// user模块
import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'
// import { ELMessage } from 'element-ui/types/message-box'

const state = { token: getToken(), // 设置token初始状态   token持久化 => 放到缓存中
  userInfo: {}// 定义一个空的对象 不是null 因为后边我要开发userInfo的属性给别人用  userInfo.name
}
const mutations = {
  setToken(state, token) {
    state.token = token // 将数据设置给vuex
    setToken(token)
  },
  removeToken(state) {
    state.token = null
    removeToken()
  },
  // 设置用户信息
  setUserInfo(state, userInfo) {
    state.userInfo = { ...userInfo } // 用 浅拷贝的方式去赋值对象 因为这样数据更新之后，才会触发组件的更新
  },
  // 删除用户信息
  reomveUserInfo(state) {
    state.userInfo = {}
  }
}
const actions = {
  async login(context, data) {
    // 调用api接口
    const result = await login(data)
    // axios默认加了一层data
    context.commit('setToken', result)
    setTimeStamp() // 设置当前时间戳
  },
  // 获取用户资料action
  async getUserInfo(context) {
    const result = await getUserInfo() // 获取返回值
    const baseInfo = await getUserDetailById(result.userId)// 为了获取头像
    context.commit('setUserInfo', { ...result, ...baseInfo })
    return result // 这里为什么要返回 为后面埋下伏笔
  },
  // 登出的action
  logout(context) {
    // 删除token
    context.commit('removeToken')
    // 删除用户资料
    context.commit('reomveUserInfo')
  }

  // async login({ commit }, data) {
  //   try {
  //     const res = await login(data)
  //     if (res.data.success) {
  //       commit('getToken', res.data.data)
  //     }
  //   } catch (error) {
  //     ELMessage.error(error.message)
  //   }
  // }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

